<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Welcome To My Blogs！</title>

    <meta name="description" content="Source code generated using layoutit.com">
    <meta name="author" content="LayoutIt!">

    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../static/css/style.css" rel="stylesheet">

  </head>
  <body style="padding:20px;">
	
    <div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<ul class="nav nav-tabs">
				<li class="nav-item">
					<a class="nav-link active" href="/">首页</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="/blogs/1/">博客</a>
				</li>
                <li class="nav-item">
					<a class="nav-link" href="/myself/1/">我的博客</a>
				</li>
				<li class="nav-item">
					<a class="nav-link disabled" href="#">{{ data.username }}</a>
				</li>
				<li class="nav-item dropdown ml-md-auto">
					 {{ data.login_status }}
				</li>
			</ul>
			<div class="carousel slide" id="carousel-132823">
				<ol class="carousel-indicators">
					<li data-slide-to="0" data-target="#carousel-132823">
					</li>
					<li data-slide-to="1" data-target="#carousel-132823">
					</li>
					<li data-slide-to="2" data-target="#carousel-132823" class="active">
					</li>
				</ol>
				<div class="carousel-inner">
					<div class="carousel-item">


						<img class="d-block w-100" alt="Carousel Bootstrap First" src="../static/images/bg1.jpg">
						<div class="carousel-caption" style="padding: 20px;height: 100%;">
                            <h2 style="margin-bottom: 60%;margin-top: 5%;">UUZ博客</h2>
							<h4>
								小提示
							</h4>
							<p>
								有任何建议或意见可以通过左下角联系开发者
							</p>
						</div>
					</div>
					<div class="carousel-item">
						<img class="d-block w-100" alt="Carousel Bootstrap Second" src="../static/images/bg2.jpg">
						<div class="carousel-caption" style="padding: 20px;height: 100%;">
                            <h2 style="margin-bottom: 60%;margin-top: 5%;">UUZ博客</h2>
							<h4>
								小提示
							</h4>
							<p>
								登录后可以发布博客文章、给其他人留言等操作
							</p>
						</div>
					</div>
					<div class="carousel-item active">
						<img class="d-block w-100" alt="Carousel Bootstrap Third" src="../static/images/bg3.jpg">
						<div class="carousel-caption" style="padding: 20px;height: 100%;">
                            <h2 style="margin-bottom: 60%;margin-top: 5%;">UUZ博客</h2>
							<h4>
								小提示
							</h4>
							<p>
								没有账号也可以搜索查看博客类容
							</p>
						</div>
					</div>
				</div> <a class="carousel-control-prev" href="#carousel-132823" data-slide="prev">
                <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span></a> 
                <a class="carousel-control-next" href="#carousel-132823" data-slide="next"><span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span></a>
			</div>
		</div>
	</div>
    <div class="row">
		<div class="col-md-4">
			 
			<address>
				 <strong>Twitter, Inc.</strong>
                 <br /> 795 Folsom Ave, Suite 600<br />
                  San Francisco, CA 94107<br /> 
                  <abbr title="Phone">P:</abbr> (123) 456-7890
			</address>
		</div>
		<div class="col-md-8">
		</div>
	</div>
    
</div>

    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
    <script src="../static/js/scripts.js"></script>
  </body>
</html>